<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>json字符串解析过程</title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div id="rtnData">返回数据：</div>
		<div id="itemPrice">商品价格：</div>
		<div id="itemId">商品编号：</div>
	</body>
	<script>
		//url: "https://p.3.cn/prices/mgets?skuIds="商品编号"//获取json字符串方式网站
		//json字符串，最终替换从京东商城返回某个商品信息
		//先搞定jaon解析过程
		var jsonstr='[{"p":"73299.00","op":"73299.00","cbf":"0","id":"J_63301547479","l":"77499.00","m":"99999.00"},{"p":"70599.00","op":"70599.00","cbf":"0","id":"J_67406612743","m":"79999.00"}]';
		//把json字符串编程javascript对象
		var data=JSON.parse(jsonstr);
		//回显获得数据，把js对象转json字符串
		//$("#rtnData").text(jsonstr);//div.text直接展示字符串
		$("#rtnData").text("返回数据："+JSON.stringify(data));
		
		//$("#itemPrice").text("商品的价格:"+data[0].p);
		$("#itemPrice").html("商品的价格:<font color='red'>"+data[0].p+"</font>");
		//$("#itemId").text("商品的编号："+data[0].id);
		//substring（2）截取字符串，从第三个字符开始到最后
		$("#itemId").text("商品的编号："+data[0].id.substring(2));
		
		
	</script>
</html>
